<template>  
    <div id="app">  
      <!-- 使用v-html来插入htmlString变量中的HTML内容 -->  
      <div v-html="htmlString"></div>  
    
      <!-- 一个按钮，点击时会改变htmlString的值 -->  
      <button @click="changeHtml">Change HTML</button>  
    </div>  
  </template>  
    
  <script>  
  export default {  
    data() {  
      return {  
        // 初始的HTML内容  
        htmlString: '<p>Hello, Vue!</p>'  
      }  
    },  
    methods: {  
      // 一个方法来改变htmlString的值  
      changeHtml() {  
        // 当点击按钮时，htmlString的值会变化  
        // 这将导致绑定了v-html的div重新渲染  
        this.htmlString = '<h1>Hello, Vue! (Updated)</h1>';  
      }  
    }  
  }  
  </script>